﻿.WhiteText {
    color: #fff;
}

.Center {
    text-align: center;
}

#lgHeaderBanner {
    padding: 130px 0;
}

.header-banner-text {
    min-height: 74px;
}


a.WhiteText:visited {
    color: #ffffff;
    text-decoration: none;
}

.media-left {
    width: 13%;
    float: left;
}

.media-body {
    float:  right;
    width: 87%;
}

.media {
    overflow: auto;
}

@media only screen and (min-width: 768px){

	.media-body {
	    display: table-cell;
	}

}

@media only screen and (max-width: 1200px){
	
	.media-left {
	    width: 15%;
	    float: left;
	}
	
	.media-body {
	    float:  right;
	    width: 85%;
	}
	
	
}



@media only screen and (max-width: 992px){
	
	#lgHeaderBanner {
	    padding: 90px 0;
	}
	
	h1.big {
	    font-size: 42px;
	}
	
	.media-left {
	    width: 19%;
	    float: left;
	}
	
	.media-body {
	    float:  right;
	    width: 81%;
	}

}


@media only screen and (max-width: 768px){
	
	
	.media-left {
	    width: 100%;
	    display: inline-block;
	    text-align: center;
	}
	
	.media-left .media-icon {
	    margin: auto;
	}
	
	.media-body {
	    padding: 0 15px;
	}
	
	#lgHeaderBanner {
	    padding: 130px 0;
	}
	
	#lgHeaderBanner {
	    padding: 65px 0;
	}
	
	h1.big {
	    font-size: 38px;
	}


	#lgHeaderBanner:before {
	    content: '';
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(255, 255, 255, 0.7);
	}
	
	#lgHeaderBanner .container {
	    position: relative;
	}
	
	.media-left {
	    width: 15%;
	    float: left;
	}
	
	.media-body {
	    float:  right;
	    width: 85%;
	}

	.media-left {
	    width: 100%;
	    float: none;
	}
	
	.media-body {
	    float: none;
	    width: 100%;
	}

}


@media only screen and (max-width: 500px){
	div#lgHeaderBanner{
		background-position-x: -306px!important;
    	background-size: 850px!important;
	}
	
	
	
	
}


@media only screen and (max-width: 380px){
	div#lgHeaderBanner{
		background-position-x: -378px!important;
    	background-size: 850px!important;
	}
	
	
	
	
}

